@charset "utf-8";


.banner{position: relative; height:620px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:620px;overflow: hidden; width:100%;}
.ban_p ul,.ban_p li{width: 100% !important;}
.ban_p li a{ display:block; height:620px; background:url(http://www.keyinghb.com/templets/keying/imgindex/banner1.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:70px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 13px;height: 13px;border-radius: 13px;margin-right:8px; display: inline-block;background: #fff;}
.ban_t em.on{background: #1173dc;}

.tils{ text-align: center; height: 147px; font-size: 22px; color: #666666; font-weight: normal;background:url(../image/x_li1.jpg) no-repeat center 137px;padding-top:36px;}
.tils i{ display: block; font-weight: bold; color: #01327e; font-size: 40px; line-height: 100%; padding-bottom: 13px;}


.seabox{overflow:hidden;height:80px;font-family:"Microsoft Yahei";background: #eaeaea;box-shadow: 6px 0 10px #c4c4c4,0px 0px 8px transparent;}
.sea_inp{width:390px;overflow: hidden;height: 40px;line-height: 40px;margin-top: 20px;}
.sea_inp .serach{width:260px;height:40px;border:0;background:#f4f4f4 url(../image/sea.png) no-repeat 18px center;line-height:40px;color:#8e8e8e;float:left;outline: none;display: block;position: relative;padding: 0 15px 0 45px;}
.sea_inp .sub{ width:70px; height:40px;border:0;float:left;cursor: pointer;display: block;color: #fff;background: #0155ab;}
.k_word{overflow:hidden;width:750px;height: 80px;line-height: 80px;}
.k_word a{color:#6b6b6b;padding: 0 20px 0 5px;}
.k_word b{color:#333;display: inline-block;font-weight: normal;}


.kh_bj{padding-top:12px;height:775px;background: url(../image/kh_bj.jpg) no-repeat center top; overflow: hidden;font-family:"Microsoft Yahei";}
.kh{ position: relative; height: 459px; }
.kh li{width:320px; overflow: hidden; position: absolute;}
.kh li h3{ font-size:18px;color:#fff; font-weight: bold;padding-left:62px; height: 38px;line-height: 38px; margin-bottom: 10px;}
.kh li p{ line-height: 28px;color:#666;  font-size:15px; }
.kh li p b{font-weight: normal;color: #f28402;}
.kh .li_1{left:0;top:0;}
.kh .li_2{right:0;top:0;}
.kh .li_3{left:0;top:178px;}
.kh .li_4{right:0;top:178px;}
.kh .li_5{left:0;top:330px;}
.kh .li_6{right:0;top:330px;}


.probox{height:1050px;font-family:"Microsoft Yahei";padding:40px 0 0;}
.pro_nav{width:314px;background:#fafafa;}
.pro_nav h2{font-size:30px;line-height:49px;height:95px;padding:18px 0 0;background:#01327e;overflow: hidden;text-align: center;}
.pro_nav h2 span{font-size:12px;line-height:18px;background:url(../image/procbg.gif) no-repeat center 0;font-family: Arial;display: block;text-transform: uppercase;color: #bacff2;}
.pro_nav h2 a{color: #fff;}

.pro_nl{padding:2px 20px 0;height:652px;overflow: hidden;}
.pro_nl h3{clear: both;padding: 18px 0 0;height: 40px;line-height: 40px;font-size: 16px;display: block;white-space: nowrap;}
.pro_nl h3 a{display: block;background:url(../image/ico1.gif) no-repeat 247px 13px #8ec428;padding: 0 48px;color: #fff;}
.pro_nl h3.on a{background:url(../image/ico2.gif) no-repeat 247px 13px #01327e;}
.pro_nl li{height:39px;line-height: 39px;font-size:16px;position: relative;border-bottom:dashed 1px #e6e6e6;padding: 0 24px;white-space: nowrap;}
.pro_nl li a{display: block;background:url(../image/ico03.gif) no-repeat 0 center;padding: 0 0 0 25px;color: #555;}

.pro_pho{background:url(../image/pro_pho.jpg) no-repeat 0 0;line-height: 28px;padding: 42px 0 0 97px;height: 85px;color: #666;white-space: nowrap;}
.pro_pho b{display: block;font-size: 24px;line-height:30px;color: #01327e;letter-spacing: -1px;}

.pro_list{width:860px;overflow: hidden;}
.pro_list h2{height: 42px;border: solid 1px #dcdcd8;position: relative;font-weight: normal;font-size: 20px;line-height: 42px;}
.pro_list h2 a{color: #fff;}
.pro_list h2 b{position: absolute;display: block;width: 117px;height: 44px;line-height: 44px;left:-1px;top:-1px;z-index: 1;font-weight: normal;background:#01327e;color: #fff;text-align: center;}
.more01{width: 65px;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.more01 a,.pro_list h2 .more01 a{color: #555;}

.pro_lc ul{width: 930px;}
.pro_lc li{width:278px;height:284px;float: left;margin:28px 12px 0 0;position: relative;overflow: hidden;color: #fff;font-size: 16px;}
.pro_lc li img{width:276px;height:230px;display: block;border: solid 1px #dcdcdc;border-bottom: 0;}
.pro_lc li p{display: block;width:278px;line-height:54px;z-index: 1;position: absolute;background:#aaa;left: 0;bottom: 0;text-align: center;}
.pro_lc li p span{display:none;}
.pro_lc li a{display:inline-block;color: #fff;}
.pro_lc li.cur p{background: #01327e;}
.pro_lc li.cur p span{display: block;height: 52px;}
.pro_lc li.cur p span a{display: inline-block;width: 108px;line-height: 33px;border: solid 1px #fff;font-size: 14px;}
.pro_lc li.cur p span a:nth-child(2){margin-left:16px;}


.pro_pic{height: 404px; background: #f6f6f6;margin-top:6px;}
.pro_img{width:860px;margin: 0 auto 0; padding-top: 20px;}
.pro_img dt{width: 450px; float: left;}
.pro_img dt img{width: 450px; height: 360px;}
.pro_img dd{width: 360px; float: right; font-size: 14px; line-height: 26px; color: #666;}
.pro_img h4{height: 60px; font-size: 30px; line-height: 60px; padding-top:16px; background: url(../image/pro_icon5.png) no-repeat left top; margin-top: 22px;}
.pro_img h4 a{color: #333;text-decoration:none;}
.pro_img p{height:160px;overflow: hidden; font-size: 16px; line-height: 26px; color: #666;margin-bottom: 30px;}
.pro_img dd span{display: block; width: 120px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; background: url(../image/pro_icon1.png) no-repeat center top;}
.pro_img dd span a{display: block; color: #fff;}
.pro_prev{width: 43px; height: 85px; top: 160px; left: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_next{width: 43px; height: 85px; top: 160px; right: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_prev img,.pro_next img{display: block; width: 43px; height: 171px;}
.pro_prev:hover img,.pro_next:hover img {margin-top: -86px;}







.list2{background: url(../image/ys_tt.jpg) no-repeat center top;height: 2366px;}
.list2 .tils{color:#fff;}
.list2 .tils i{color:#fff;}
.ys_bj1{background: url(../image/ys_bj1.jpg) no-repeat center top;height: 542px;}
.ys_bj2{background: url(../image/ys_bj2.jpg) no-repeat center top;height: 541px;}
.ys1{padding:48px 0 0 45px;width:1155px;margin:0 auto;position: relative;height: 494px;}
.list2 .ys1 dl {padding-top:156px;}
.ys2{width:1152px;margin:0 auto;padding:51px 39px 0 9px;height: 491px;position: relative;}
.list2 .ys2 dl{padding-top:103px;}
.ys3{width:1120px;padding:45px 30px 0 50px;position: relative;height: 496px;margin:0 auto;}
.list2 .ys3 dl{padding-top:153px;}
.ys4{height: 507px;padding:38px 39px 0 0;width:1161px;margin:0 auto;position: relative;}
.list2 .ys4 dl{padding-top:100px;}
.ys4 dd span {width:230px;height: 50px;background: #01327e;display: inline-block;text-align: center;line-height: 50px;font-size:16px;color: #fff;border-radius:24px;margin:0 5px;margin-top:30px;}
.ys4 dd span a {color: #fff;padding-left:26px;background: url(../image/fan_a1.jpg) no-repeat left center;line-height: 50px;display: inline-block;}
.list2 dl{width:433px;}
.list2 dt {height: 60px;}
.list2 dt i{float:left;font-size:0;line-height: 0;}
.list2 dt p {float:right;width:359px;}
.list2 dt p span {display:block;height: 34px;line-height: 34px;font-size:34px;color: #333333;font-weight: bold;}
.list2 dt p em {font-size:14px;color: #999999;text-transform: uppercase;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;letter-spacing:2px;}
.list2 dd p {padding-left:30px;font-size:16px; color: #333333;line-height: 26px;padding:0 0 0 25px;background: url(../image/ys_ico1.png) no-repeat left 7px;margin-top:20px;}
.ys_a1,.ys_a2,.ys_a3,.ys_a4{position: absolute;}
.ys_a1{left:-18px;bottom:0;}
.ys_a2{right:-18px;bottom:0;}


.adv2 {height:650px;}
.adv2 .pj dl{
    margin:20px 30px 0 0 ; 
    height:428px; 
    float:left; 
    width:380px; 
    background:#97d2ff; 
    text-align:center; 
    line-height:25px; 
    font-size:14px;
    color:#666666;
    
}
.adv2 .pj dl.nones{margin-right:0;}
.adv2 .pj dl img{border:1px solid #a4a4a4; width:378px; height:211px;}
.adv2 .pj dl h3{ font-size:24px; line-height:55px;margin-top:20px;}
.adv2 .pj dl h3 a{color:#3e3e3e;}
.adv2 .pj dl em{ display:block; height:2px; width:44px; background:#14346f; margin:0 auto 13px;}
.adv2 .pj dl p{padding:0 28px;text-indent:18px;}
.adv2 .pj dl.cur{ background:#01327e;color:#FFF;}
.adv2 .pj dl.cur a{color:#FFF;}
.adv2 .pj dl.cur em{background:#FFF;}



.x-ban{height: 300px;background:url(../image/x-ban1.jpg) no-repeat center center;}
.x-ban .content{height: 300px;position: relative;}
.x-ban span{font-size: 36px;color: #fff;font-weight: bold;font-family: Arial;display: block;position: absolute;left:255px;top: 212px;}
.x-ban a.zx_btn{width:146px; height:52px;display: block;position: absolute;left: 513px;top: 195px;}


.lc{height:330px; overflow: hidden;font-family: "Microsoft YaHei";background:#fff;padding-top:40px;}
.lc h2{background:url(../image/lc_line.png) no-repeat center center; height:65px; line-height: 65px;text-align: center;margin-bottom:30px; font-size: 36px; color:#01327e;}
.lc ul{margin-top: 20px; height:224px; overflow: hidden;}
.lc li{ float: left;padding-right: 55px;margin-right: 36px;width:124px;overflow: hidden;background:url(../image/lc_ico.png) no-repeat right 56px;}
.lc li span{display: block;text-align: center;padding:143px 17px 0; font-size: 16px; line-height: 20px; color:#333333;font-weight:bold;}
.lc .li06{margin-right: 0;padding-right: 0;background:none;}
.lc li a{display: block;width:124px;}
.lc li.li01 a{background:url(../image/lc01.png) no-repeat center 0; }
.lc li.li02 a{background:url(../image/lc02.png) no-repeat center 0; }
.lc li.li03 a{background:url(../image/lc03.png) no-repeat center 0; }
.lc li.li04 a{background:url(../image/lc04.png) no-repeat center 0; }
.lc li.li05 a{background:url(../image/lc05.png) no-repeat center 0; }
.lc li.li06 a{background:url(../image/lc06.png) no-repeat center 0; }
.lc li.li01 a:hover{background:url(../image/lc07.png) no-repeat center 0; }
.lc li.li02 a:hover{background:url(../image/lc08.png) no-repeat center 0; }
.lc li.li03 a:hover{background:url(../image/lc09.png) no-repeat center 0; }
.lc li.li04 a:hover{background:url(../image/lc10.png) no-repeat center 0; }
.lc li.li05 a:hover{background:url(../image/lc11.png) no-repeat center 0; }
.lc li.li06 a:hover{background:url(../image/lc12.png) no-repeat center 0; }
.lc i{display: block; float: left;margin-left: 369px; width:332px; height:40px; border:1px solid #01327e;text-align: center; line-height: 40px; font-size: 20px; color:#333333;font-weight:bold;}
.lc em{display: block;width:131px;height:42px;background:#01327e;float: left;text-align: center; line-height:42px; font-size: 16px;}
.lc em a{ color:#fff;}




.case{padding:30px 0 30px;}
.case_l,.case_r{position: absolute;top: 415px;width: 80px;border-radius:50%;z-index:200;background-color:#fff;}
.case_l{left: -40px;}
.case_r{right: -40px;}
.case_l a,.case_r a{display: block;width: 80px;height: 80px;}
.case_l a{background:url(../image/case_lico01.png) no-repeat;}
.case_l a:hover{background:url(../image/case_lico02.png) no-repeat;}
.case_r a{background:url(../image/case_rico01.png) no-repeat;}
.case_r a:hover{background:url(../image/case_rico02.png) no-repeat;}
.case_m dl{width: 1200px;height: 500px;position: relative;}
.case_m dl dt{width: 1200px;height: 500px;line-height: 0;}
.case_m dl dt img{width: 1200px;height: 500px;}
.case_m dl dd{background:url(../image/case_k.png) no-repeat;width: 490px; height:420px; position: absolute; top: 0; right: 0;padding: 80px 0 0;overflow: hidden;} 
.case_m dl dd h5{height: 100px; line-height: 40px; text-align: center; width: 330px; margin:0 auto;background:url(../image/case_line.gif) no-repeat center bottom;} 
.case_m dl dd h5 a{font-size: 28px;color: #fff;}
.case_m .case_desc{font-size: 16px; color: #fff; line-height: 28px; height: 175px; overflow: hidden;width: 385px; margin:0 auto;text-align: center;padding: 15px 0 0;} 
.case_m dl dd span{margin-left:50px;}
.case_m dl dd span a{display: inline-block;border:1px solid #ccc;padding:10px 20px;margin-left:15px;font-size:16px;color:#fff;}
.case_m dl dd span a:hover{animation:shake 1.4s linear;-webkit-animation:shake 1.4s linear;color:#fff;background:#8ec428;}


.hz{padding:0 0 30px;}
.hz_m{width: 1200px;overflow: hidden;}
.hz_m ul li{width: 240px;float: left;overflow: hidden;}
.hz_m ul li em{width: 220px;height: 124px;display: block;overflow: hidden;line-height: 0;box-shadow: 0 3px 8px 3px #d0d0d0;margin:10px;}
.hz_m ul li em img{width: 220px;height: 124px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz_m ul li span{ width:220px; display:block; text-align:center; height:25px; line-height:25px; overflow:hidden;font-size: 14px;color: #333;}
.hz_m ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}



.aboutbox{padding:95px 0 0;font-family: "Microsoft Yahei";line-height:31px;color: #464646;background:url(../image/aboutbg.jpg) no-repeat center 0;position: relative;margin-bottom:25px;}
.about_p{position: absolute;left: 50%; height:460px;width:550px;border:5px solid #fff;}
.about_p img{height:460px;width:550px;}

.about{height:542px;}
.about_c{width: 510px;}
.about_c h2{height:153px;background:url(../image/line3.png) no-repeat 0 140px;font-size: 36px;line-height: 66px;color: #01327e;}
.about_c h2 em{display: block;line-height:62px;text-transform: uppercase;color: #6c6b6b;font-weight: normal;font-size: 40px;}
.about_c h2 a{display: block;color: #f7cc7d;}
.about_w{display: block;height:282px;overflow: hidden;padding: 27px 0 0;}
.about_more{display: block;width: 196px;height: 47px;line-height: 47px;border: solid 2px #929292;font-size: 16px;text-align: center;}
.about_more a{display: inline-block;color: #2e2e2e;background:url(../image/ico05.png) no-repeat right center;padding-right: 57px;}


.show{font-family: "Microsoft Yahei";line-height:33px;position: relative;padding: 32px 0 0;}
.prev2,.next2{width: 80px;height: 80px;display: block;top:250px;right: -90px;background:url(../image/case_rico01.png) no-repeat 0 0;}
.prev2{left: -90px;background:url(../image/case_lico01.png) no-repeat 0 0;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_t{height:73px;line-height:34px;font-size:22px;}
.show_t li{float: left;color: #999;padding: 0 0 0 29px;background:url(../image/new_ico2.png) no-repeat 0 8px;}
.show_t li em{display: inline-block;padding: 0 18px;color: #828282;font-weight: normal;}
.show_t li:nth-child(1){background:url(../image/new_ico1.png) no-repeat 0 8px;}
.show_t li.cur{color: #01327e;font-weight: bold;background-position: 0 -36px;}
.show_l1{width: 1200px;overflow: hidden;}
.show_c li{width: 283px;float: left;margin: 0 23px 0 0;overflow: hidden;}
.show_c li span{display: block;line-height:33px;color:#a9a9a9;border-bottom: solid 2px #393939;text-align: center;}
.show_c li span a{display: block;color: #a9a9a9;}
.show_c li p,.show_c li p img{width:283px;display: block;overflow: hidden;}
.show_c .show_c1:nth-child(2) ul li{margin-top:50px;}









    
.zix{ height: 710px; overflow: hidden;}
.zix_l{height:456px; background: #f5f5f5; padding:50px  32px 0; width: 712px;}
.zi_l{ height: 53px;background:url(../image/zi_lin.jpg) no-repeat 134px 5px; overflow: hidden;}
.zi_l ul li{ float: left; margin-right: 65px; }
.zi_l ul li a{ color: #4c4c4c; font-size: 26px;line-height: 100%;}
.zi_l ul li.cur{font-weight: bold;}
.zi_l ul li.cur a{font-weight: bold; color: #14346f;}
.zi_l span{ display: inline-block; float: right;}
.zi_l span img{ margin-left: 11px; display: inline-block;}
.zi_n dl{ overflow: hidden;}
.zi_n dl dt{ float: left; width: 217px;}
.zi_n dl dt img{ width: 217px;}
.zi_n dl dd{ float: right; width: 480px;}
.zi_n dl dd h4{ overflow: hidden; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zi_n dl dd h4 a{ font-weight: bold; color: #01327e; font-size: 18px;}
.zi_n dl dd p{ padding-top: 20px; font-size: 14px; color: #999; line-height: 28px;}
.zi_n dl dd em{ display: block; text-align: right; font-size: 14px; color: #000;}
.zi_n ul li{ float: left; padding:27px 18px 0 20px; width: 314px; margin-top: 10px; height: 62px;background:url(../image/zi_ok.jpg) no-repeat 314px 30px #fff;}
.zi_n ul li:nth-child(2n){ float: right;}
.zi_n ul li span{ display: block; color: #808080; font-size: 12px;}
.zi_n ul li a{ color: #4c4c4c; font-size: 15px;height: 20px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;padding-right: 20px; }
.zi_n ul li a:hover{ color: #01327e; font-size: 15px;font-weight: bold;}

.zix_f{ padding: 0 33px 0 37px; width: 320px; height: 506px; background: #f5f5f5;}
.zix_f  h3{font-weight: bold; line-height: 100%; padding-top: 62px; height: 48px; font-size: 26px; color: #000;}
.zix_f  h3 a{ color: #000;}
.zix_f p{ margin-bottom: 15px;}
.zix_f ul li{ height: 39px; line-height: 39px; padding-left: 16px;background:url(../image/zi_li.jpg) no-repeat 0 18px;overflow:hidden;}
.zix_f ul li a{ font-size: 14px; color: #000;}
.zix_f ul li a:hover{font-weight: bold;color:#01327e;}


.link{height:100px;line-height:50px;font-family:"Microsoft Yahei";color: #7e7f82;overflow: hidden;white-space: nowrap;background:#eeeeee;}
.link a{color: #7e7f82;display: inline-block;padding:0 30px 0 0;float:left;}